.hero::before { z-index: 0; 
background: url(/-/media/services/Additional%20Services/BLG_Beyond_Stripes_Leasing_Desktop_FR) no-repeat;
background-position: center;
opacity: 1; 
content: ""; 
animation: -webkit-transform: translate(0%,0%);
      -ms-transform: translate(0%,0%);
          transform: translate(0%,0%);

  -webkit-animation: alm_1b 12000ms linear;
      -ms-animation: alm_1b 12000ms linear;
          animation: alm_1b 12000ms linear;
    -webkit-transition-timing-function: linear; 
           -ms-transition-timing-function: linear; 
           transition-timing-function: linear;
         }
@keyframes alm_1b{
0% {opacity: 0; transform:scale(1.2, 1);}
5% {opacity: 0; transform:scale(1.2, 1);} 
10% {opacity: 1;  } 
15% {opacity: 1; transform:scale(1, 1); } 
  20% {opacity: 1; }
  25% {opacity: 1; }
30% {opacity:1; }
  40% {opacity: 1; }
50% {opacity: 1;}
70% {opacity: 1;}
  98% {opacity: 1;  transform:scale(1, 1); }
100% {opacity: 1; transform:scale(1.2, 1); }
} 



@media screen and (max-width:1024px) {
.hero:before {
background: url(/-/media/services/Additional%20Services/BLG_Beyond_Stripes_Leasing_Tablet_FR) no-repeat;
background-position: center; }
}

@media screen and (max-width:500px) {
.hero:before {
background: url(/-/media/services/Additional%20Services/BLG_Beyond_Stripes_Leasing_Mobile_FR) no-repeat;
background-position: center; }
}

.hero .hero-heading {color: #c61881; content: "abc";}

.content {width: 500px; left:50%; transform: translateX(-50%); top:-7%;}